<template>
  <div>
    <!-- 在每个组件中的template模板中必须有一个根标签（一般是div）,如果不写根标签,就会报错 -->
    <ul>
      <li v-for="(name,value,index) in info" :key="index">
        <p>{{value}}</p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "WangHouBang", //组件名
  data() {
    return {
      info: {
        name: "houbang",
        height: "180cm",
        weight: "60kg",
        hobby: "吃饭睡觉打豆豆"
      }
    };
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {},

  watch: {}
};
</script>
<style scoped>
</style>
